<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="my_booking_info_donation" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>부킹 정보</h2>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--나의 조인룸 정보-->
        <div class="bo_table">
            <h5>나의 부킹 정보</h5>
            <table>
                <colgroup><col /><col /><col /></colgroup>
                <thead>
                    <tr>
                        <th>예약 완료</th>
                        <th>보증결제 대기</th>
                        <th>웨이팅 예약</th>
                        <th>자선 예약</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>3</td>
                        <td>1</td>
                        <td>4</td>
                        <td>4</td>
                    </tr>
                </tbody>
            </table>
         </div><!-- //  class="bo_table"끝  -->
         
         <!--tab-->
         <div class="tab_menu tab_block">
             <ul class="on3"><!--메뉴인식 css style 부분 ( 예약 완료/가예약=on1 , 웨이팅=on2, 자선=on3 ) -->
                 <li ><a href="booking_info.html" data-transition="slide">예약 완료/가예약</a></li>
                 <li><a href="booking_info_wait.html" data-transition="slide">웨이팅 예약</a></li>
                 <li><a href="booking_info_donation.html" data-transition="slide">자선 예약</a></li>
             </ul>
         </div>
         
         <!--list-->
         <article class="donation_list don_tab">
            <!--참여한 예약 없을 경우-->
            <!--dl data-role="listview" data-theme="c">
                <dd class="no">참여한 자선예약이 없습니다. </dd>
            </dl-->
            
            <dl data-role="listview" data-theme="c">
                <dt>
                    <p><em>신청기간  :</em>12.05.30~12.06.15</p>
                    <p><em>당첨자발표  :</em>12.07.01</p>
                </dt>
                <dd class="ui-grid-a">                          
                    <div class="ui-block-a">
                        <h5>Sky72 하늘코스</h5>                        
                        <ul>                    
                            <li><em>라운드날짜</em>2012.06.30(토)</li>
                            <li><em>티타임</em>06:30</li>
                            <li><em>1인 그린피</em><mark>￦2,500,000</mark></li>
                        </ul>
                    </div><!-- // class="ui-block-a"  -->  
                    
                    <div class="ui-block-b">
                        <!-- 내가 참여한 자선예약 일때 보이는 btn => 진행중 / 참여완료 --> 
                        <p class="ing">[  진행중  ]</p>
                        <p class="bt"><a href="../booking/donation_view.html" data-role="button" data-theme="a" data-inline="true"  data-transition="slide">참여완료</a></p>
                        
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 신청마감/ 당첨자확인 --> 
                        <!--p class="final">[  신청마감  ]</p>
                        <p class="bt"><a href="../booking/donation_view.html" data-role="button" data-theme="d" data-inline="true"  data-transition="slide">당첨자확인</a></p-->
                        
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 당첨/당첨포기 --> 
                        <!--p class="win">[  당첨  ]</p>
                        <p class="bt"><a href="../booking/donation_aband_popup.html" data-role="button" data-theme="c" data-inline="true" data-rel="dialog"  data-transition="slide">당첨포기</a></p-->
                        
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 당첨포기/ 당첨자확인 --> 
                        <!--p class="aband">[  당첨포기  ]</p>
                        <p class="bt"><a href="../booking/donation_view.html" data-role="button" data-theme="d" data-inline="true"  data-transition="slide">당첨자확인</a></p-->
                        
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 종료 --> 
                        <!--p class="end">[  종료  ]</p-->
                    </div><!-- // class="ui-block-b"  -->  
                </dd>
            </dl>
            
            <dl data-role="listview" data-theme="c">
                <dt>
                    <p><em>신청기간  :</em>12.05.30~12.06.15</p>
                    <p><em>당첨자발표  :</em>12.07.01</p>
                </dt>
                <dd class="ui-grid-a">                          
                    <div class="ui-block-a">
                        <h5>컨트리클럽 하늘코스</h5>                        
                        <ul>                    
                            <li><em>라운드날짜</em>2012.06.30(토)</li>
                            <li><em>티타임</em>06:30</li>
                            <li><em>1인 그린피</em><mark>￦2,500,000</mark></li>
                        </ul>
                    </div><!-- // class="ui-block-a"  -->  
                    
                    <div class="ui-block-b">
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 신청마감/ 당첨자확인 --> 
                        <p class="final">[  신청마감  ]</p>
                        <p class="bt"><a href="../booking/donation_view.html" data-role="button" data-theme="d" data-inline="true"  data-transition="slide">당첨자확인</a></p>
                    </div><!-- // class="ui-block-b"  -->  
                </dd>
            </dl>
            
            <dl data-role="listview" data-theme="c">
                <dt>
                    <p><em>신청기간  :</em>12.05.30~12.06.15</p>
                    <p><em>당첨자발표  :</em>12.07.01</p>
                </dt>
                <dd class="ui-grid-a">                          
                    <div class="ui-block-a">
                        <h5>Sky72 하늘코스</h5>                        
                        <ul>                    
                            <li><em>라운드날짜</em>2012.06.30(토)</li>
                            <li><em>티타임</em>06:30</li>
                            <li><em>1인 그린피</em><mark>￦2,500,000</mark></li>
                        </ul>
                    </div><!-- // class="ui-block-a"  -->  
                    
                    <div class="ui-block-b">
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 당첨/당첨포기 --> 
                        <p class="win">[  당첨  ]</p>
                        <p class="bt"><a href="../booking/donation_aband_popup.html" data-role="button" data-theme="c" data-inline="true" data-rel="dialog"  data-transition="slide">당첨포기</a></p>
                    </div><!-- // class="ui-block-b"  -->  
                </dd>
            </dl>
            
            <dl data-role="listview" data-theme="c">
                <dt>
                    <p><em>신청기간  :</em>12.05.30~12.06.15</p>
                    <p><em>당첨자발표  :</em>12.07.01</p>
                </dt>
                <dd class="ui-grid-a">                          
                    <div class="ui-block-a">
                        <h5>컨트리클럽 레이크코스</h5>                        
                        <ul>                    
                            <li><em>라운드날짜</em>2012.06.30(토)</li>
                            <li><em>티타임</em>06:30</li>
                            <li><em>1인 그린피</em><mark>￦2,500,000</mark></li>
                        </ul>
                    </div><!-- // class="ui-block-a"  -->  
                    
                    <div class="ui-block-b">
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 당첨포기/ 당첨자확인 --> 
                        <p class="aband">[  당첨포기  ]</p>
                        <p class="bt"><a href="../booking/donation_view.html" data-role="button" data-theme="d" data-inline="true"  data-transition="slide">당첨자확인</a></p>
                    </div><!-- // class="ui-block-b"  -->  
                </dd>
            </dl>
            
            <dl data-role="listview" data-theme="c">
                <dt>
                    <p><em>신청기간  :</em>12.05.30~12.06.15</p>
                    <p><em>당첨자발표  :</em>12.07.01</p>
                </dt>
                <dd class="ui-grid-a">                          
                    <div class="ui-block-a">
                        <h5>Sky72 하늘코스</h5>                        
                        <ul>                    
                            <li><em>라운드날짜</em>2012.06.30(토)</li>
                            <li><em>티타임</em>06:30</li>
                            <li><em>1인 그린피</em><mark>￦2,500,000</mark></li>
                        </ul>
                    </div><!-- // class="ui-block-a"  -->  
                    
                    <div class="ui-block-b">
                        <!--  내가 참여한 자선예약 일때 보이는 btn => 종료 --> 
                        <p class="end">[  종료  ]</p>
                    </div><!-- // class="ui-block-b"  -->  
                </dd>
            </dl>
         </article><!-- // class="donation_list" 끝  -->
         
        <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->        
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
